<%@page import="com.cabd.service.ShowInfo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert_Title_Here</title>
		<link rel="Shortcut Icon" href="Insert_Favicon_Here" />
		<link rel="stylesheet" href="public/bootstrap/css/bootstrap.min.css" />
		<script src="public/js/jquery-3.2.1.min.js"></script>
		<script src="public/bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="public/css/style.css" />
	</head>
	<style>
		*{
			font-family: "微软雅黑";
			margin: 0px;
			padding: 0px;
		}
		th, td{
			width: 170px;
			font-size: 15px;
			text-align: center;
			height: 40px;
		}
		table{
			margin:0 auto;
		}
	</style>
	<body>
		<!--顶部效果-->
		<%@ include file="/Header.jsp" %>
		<div style="margin-top:10px;"></div>
		<!--主体部分-->
			<table border="1px" cellpadding="10px" cellspacing="10px">
				<tr>
					<th>Flightno</th>
					<th>FlightDepcode</th>
					<th>FlightArrcode</th>
					<th>PlannedDeptime</th>
					<th>PlannedArrtime</th>
					<th>prob</th>
				</tr>
				<c:forEach items="${requestScope.showInfo}" var="eShowInfo">
					<tr>
						<td>${eShowInfo.flightno}</td>
						<td>${eShowInfo.flightDepcode}</td>
						<td>${eShowInfo.flightArrcode}</td>
						<td>${eShowInfo.plannedDeptime}</td>
						<td>${eShowInfo.plannedArrtime}</td>
						<td style="color:red;">${eShowInfo.prob}</td>
					</tr>
				</c:forEach>
			</table>
		<center>
			<table>
				<tr>
					<td>
						<c:if test="${requestScope.prior }">
							<a href="${pageContext.request.contextPath}/showPredict?method=prior">
								<div class="glyphicon glyphicon-backward" style="font-size:20px"></div>
							</a>
						</c:if>
						<c:if test="${!requestScope.prior }">
							<div class="glyphicon glyphicon-backward" style="font-size:20px; color: gray;"></div>
						</c:if>
					</td>
					<td>
						<div style="font-size:20px">
							第<fmt:formatNumber type="number" value="${requestScope.page}" maxFractionDigits="0"/>页
							/共<fmt:formatNumber type="number" value="${requestScope.allPages}" maxFractionDigits="0"/>页
						</div>
					</td>	
					<td>
						<c:if test="${requestScope.next }">
							<a href="${pageContext.request.contextPath}/showPredict?method=next">
								<div class="glyphicon glyphicon-forward" style="font-size:20px"></div>
							</a>
						</c:if>
						<c:if test="${!requestScope.next }">
							<div class="glyphicon glyphicon-forward" style="font-size:20px; color:gray"></div>
						</c:if>
					</td>
				</tr>
			</table>
		</center>				
		<!--底部效果-->
		<%@ include file="/Footer.jsp" %>
		
	</body>
</html>